<!DOCTYPE html>
<title>Gear</title>
<html>
	<style>
		.item {
			width: 125px;
			height: 80px;
		}
		.item a {
			text-decoration: none;
			display: block;
		}
		.item a img {
			border: solid 1px #ccc;
			padding: 1px;
		}
		.item {
			width: 125px;
			height: 80px;
		}
		.item a {
			text-decoration: none;
			display: block;
		}
		.item a img {
			border: solid 1px #ccc;
			padding: 1px;
		}
		.item a span.play {
			display: none;
			background: url('images/gear.png') center center no-repeat;
			background-size : 50px 50px;
			margin: -80px 10px 0 0;
			height: 80px;
			position: relative;
			z-index: 100;
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		.item a:hover span.play {
			display: block;
		}
	</style>
	<body>
		<div class="item">
			<a href="#" title="Title"> <img src="images/pinguini.jpg" alt="Thumb-Title"> <span class="play"></span> </a>
		</div>
	</body>
</html>